@wrapWidth: 910px;


.elemHeight(@h: 100%) {
    height: @h;
}
.elemWidth(@w) {
	width: @w;
}
.elemHeightAndWidth(@w, @h) {
    .elemWidth(@w);
    .elemHeight(@h);
}

.dispayBox {
	display: -webkit-box;
}
.boxAlignCenter {
	-webkit-box-align: center;
}
.boxOrientVertical {
	-webkit-box-orient: vertical;
}
.boxFlex(@n: 1) {
	-webkit-box-flex: @n;
}

.backColor(@bg) {
	background-color: @bg;
}

.border(@c: #d2d2d2) {
    border: 1px solid @c;
}
.borderBottom(@c: #d8d8d8, @style: solid) {
    border-bottom: 1px @style @c;
}
.borderWithBottom {
    .border();
    .borderBottom();
}
.borderRadius(@r: 3px) {
    border-radius: @r;
}
.box {
	.backColor(rgba(41, 102, 163, 0.4));
    border-top: 2px solid rgba(92, 153, 214, 0.5);
    border-bottom: 2px solid rgba(15, 38, 61, 0.5);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.6);
}

.detail(@ta, @fz, @h) {
	text-align: @ta;
	font-size: @fz;
	height: @h;
	line-height: @h;
}

.barStyle {
    background: -webkit-linear-gradient(rgb(93, 202, 223) 41%, rgb(89, 224, 250) 99%);
}

.zIndex(@num) {
    z-index: @num;
}

.scale(@num) {
    -webkit-transform: scale(@num);
}
